<!-- jsp指令：page/taglib/include -->
<%@ page language="java" pageEncoding="utf-8"%>
<!-- 引入标签库：JSTL-c标签 -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="asserts/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" href="asserts/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/main.css">
	</head>
	<body>
		<!-- header -->
		<div class="header navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand"  href="#">
						易书博客后台管理系统
					</a>
				</div>
				
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="javascript:logout()"><span class="glyphicon glyphicon-log-out">&nbsp;</span>安全退出</a>
					</li>
				</ul>
				
				<form class="navbar-form navbar-right" role="search">
				  <div class="form-group">
					<input type="text" class="form-control" placeholder="关键字">
				  </div>
				  <button type="submit" class="btn btn-default">
					  <span class="glyphicon glyphicon-search"></span>
				  </button>
				</form>		
								
			</div>
		</div>
		<!-- header end -->
		
		<div class="body">
			<!-- 侧边栏 -->
			<div class="left">
				<!-- 用户信息 -->
				<div class="user-info">
					<div class="info-icon">
						<img src="${user.hicon}" width="80px" height="80px" class="img-circle" alt="">
					</div>
					<div class="info-name">${user.nickname}</div> 
				</div>
				<!-- 菜单 -->
				<div class="list-group text-center">
					<a href="main.jsp" class="list-group-item"><i class="fa fa-dashboard"></i> 仪表盘</a>
					<a href="banner?method=findAll" class="list-group-item"><i class="fa fa-file-image-o"></i> 轮播管理</a>
					<a href="article?method=findAll" class="list-group-item active"><i class="fa fa-file-text-o"></i> 博客管理</a>
					<a href="category?method=findAll" class="list-group-item"><i class="fa fa-bars"></i> 类别管理</a>
					<a href="tag?method=findAll" class="list-group-item"><i class="fa fa-tags"></i> 标签管理</a>
					<a href="comment.jsp" class="list-group-item"><i class="fa fa-comment"></i> 留言管理</a>
					<a href="link?method=findAll" class="list-group-item"><i class="fa fa-chain"></i> 友情链接</a>
					<a href="ad.jsp" class="list-group-item"><i class="fa fa-rmb"></i> 广告管理</a>
					<a href="settings.jsp" class="list-group-item"><i class="fa fa-gear"></i> 个人设置</a>
				</div>
				<div class="copy">Design by MRChai &copy; 软帝集团 版权所有</div>
			</div>
			
			<!-- 内容展示区 -->
			<div class="right">
				<ol class="breadcrumb">
					<li><a href="article?method=findAll"><i class="fa fa-file-text-o"></i> 博客管理</a></li>
					<li><i class="fa fa-file-text-o"></i> 写博客</li>
				</ol>
				<div class="container-fluid">
					<!-- 	内容面板 -->
					<div class="panel panel-default">
						<!-- 控制按钮 -->
						<div class="panel-heading">
							<a class="btn btn-danger" href="javascript:history.back()"><i class="fa fa-mail-reply"></i> 返回</a>
							<button class="btn btn-success"><i class="fa fa-floppy-o"></i> 保存草稿</button>
						</div><!-- 控制按钮  end-->
						<div class="panel-body">
							<form action="" class="form">
								<div class="form-group">
									<input type="text" class="form-control" id="" value="" placeholder="请输入博客标题" />
								</div>
								<div class="form-group">
									<div id="editor">
										
									</div>
									  <textarea id="text1" name="content" hidden style="width:100%; height:200px;"></textarea>
								</div>
							</form>
						</div>
					</div><!-- 	内容面板 end -->
				</div>
			</div>
		</div>
		
		<!-- 		js插件 -->
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="asserts/layer/layer.js"></script>
		<script src="asserts/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="asserts/wangEditor/wangEditor.min.js"></script>
		<script src="js/comm.js"></script>
		<script>
			
			var E = window.wangEditor;
			var editor = new E('#editor');
			editor.create();
			
			var $text1 = $('#text1');
			editor.customConfig.onchange = function (html) {
				// 监控变化，同步更新到 textarea
				$text1.val(html)
			}
			// 初始化 textarea 的值
			$text1.val(editor.txt.html())
		</script>
	</body>
</html>
